<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 街头篮球周边商城</title>
    <link rel="shortcut icon" href="/favicon (1).ico">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/gg.css">
    <link rel="stylesheet" href="/css/yangsi.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <script src="/libs/swiper/swiper.min.js"></script>
    <!-- <script src="/js/index.js"></script> -->
    
    
</head>
<body>
        <!-- 头部 -->
    <header></header>
              <!-- 导航 -->
              <div class="nav">
                <ul>
                    <li><a href="/html/ziye.html">所有商品</a></li>
                    <li><a href="">周边服饰</a></li>
                    <li><a href="">毛绒玩具</a></li>
                    <li><a href="">游戏生活</a></li>
                    <li><a href="">促销商品</a></li>
                </ul>
            </div>

  <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href=""><img src="/images/images/index_zb1.jpg" alt=""></a></div>
        <div class="swiper-slide"><a href=""><img src="/images/images/index_zb2.jpg" alt=""></a></div>
        <div class="swiper-slide"><a href=""><img src="/images/images/index_zb3.jpg" alt=""></a></div>
        <div class="swiper-slide"><a href=""><img src="/images/images/index_zb4.jpg" alt=""></a></div>
    </div>
    如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<!-- 主菜单 -->
<div class="new" id="new">

</div>
    <script type="text/html" id="categoryTemplate">
        {{each list cate,index}}
            <div class="div1">
                <a href=""><img src="{{cate.src}}" alt=""></a>
                <h3><a href="">{{cate.title}}</a></h3>
                <p><a href="">{{cate.jiage}}</a></p>
            </div>
            {{/each}}
    </script>

<!-- 。。。。。。 -->

<div class="zzc">
    <div>
        <h3><a href="">购物指南</a></h3>
        <p><a href="">购物常见问题</a></p>
        <span><a href="">支付方式</a></span>
    </div>
    <div>
        <h3><a href="">配送方式</a></h3>
        <p><a href="">配送范围</a></p>
        <span><a href="">快递费用标准</a></span>
    </div>
    <div>
        <h3><a href="">售后服务</a></h3>
        <p><a href="">退换货流程</a></p>
        <span><a href="">退换货政策</a></span>
    </div>
    <div>
        <h3><a href="">关于我们</a></h3>
        <p><a href="">公司官网</a></p>
    </div>
    <div class="zcc-div4">
        <h3><a href="">客服中心</a></h3>
        <p><a href="">021-34289630</a></p>
        <span><a href="">周一至周日9:00--21:00</a></span>
    </div>
</div>


<!-- 尾部 -->
<footer></footer>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>













<script>        
    var mySwiper = new Swiper ('.swiper-container', {
    //   direction: 'vertical', // 垂直切换选项
      loop: true, // 循环模式选项
      
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',  //圆点（默认）
        clickable:true,   //点击小圆点可以切换
        dynamicBullets: true,  //部分圆点会隐藏
        hideOnClick :true, //点击后会隐藏分页器
      },
      
      
      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      },
      autoplay: {
        disableOnInteraction: true,//触碰后停止切换
    },
    })   
    //鼠标覆盖停止自动切换
        mySwiper.el.onmouseover = function(){
        mySwiper.autoplay.stop();
    }

    //鼠标离开开始自动切换
    mySwiper.el.onmouseout = function(){
    mySwiper.autoplay.start();
    }     
    </script>
</html>